<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../../../css/app.css">
    <link rel="stylesheet" type="text/css" href="../../../css/tabBar.css">
    <link rel="stylesheet" type="text/css" href="../comm/buy_comm.css"/>
    <link rel="stylesheet" type="text/css" href="../comm/xy-pop.css"/>
    <link rel="stylesheet" type="text/css" href="../buy_order/css/group_order_detail.css">
    <title>退款详情</title>
    <style type="text/css">
    	.group-detail-list li{
    		font-size: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-family: "microsoft yahei";
    	}
    	.group-detail-list li span{
    		height: 21px;padding: 0 5px;font-size: 12px;line-height: 21px;
    	}
    	.group-detail-list i{
    		font-style: normal;font-size: 14px;
    	}
    	.refund-detail-explain i{
    		font-style: normal;
    	}
    	.refund-flow{
    		z-index: 12;
    	}
    </style>
</head>

<body>
	<div class="header navigationBar">
      	<div class="wrapper">
          	<span id="btn-back-new" class="header-btn left-btn backtrack"></span>
          	<span class="title">退款详情</span>
      	</div>
  	</div>
  	<div class="container top-container">
  		<div :class="list.group_buying == 1 ? 'group-detail-top' : 'group-detail-top order-detail-top'">
  			<h2 v-if="list.order_state == 11">商家已拒绝退款</h2>
  			<h2 v-else="">您的退款申请已提交</h2>
  		</div>
  		<div class="refund-detail-explain refund-refuse-explain" v-if="list.order_state == 11">
  			<h2>你的退款申请已经被商家驳回</h2>
  			<p><span>拒绝原因：</span><i v-html="list.refund.refused_reason"></i></p>
  			<p><span>拒绝说明：</span><i v-html="list.refund.reply_remark"></i></p>
  		</div>
  		<div class="refund-detail-explain" v-else="">
  			<h2>您已成功发起退款申请，请耐心等待商家处理。</h2>
  			<p>商家同意或者超时未处理，系统将退款给您。 </p>
  			<p>如果商家拒绝，您可以修改退款申请后再次发起，商家会重 新处理</p>
  			<div v-show="type == 2 && list.refund && list.refund.deal_confirm == 1">
  				<a href="javascript:void(0);" v-if="is_express" @click="openFillExperss">修改快递</a>
  				<a href="javascript:void(0);" v-else="" @click="openFillExperss">填写快递</a>
  			</div>
  		</div>
  		<div class="group-detail-goods">
  			<h2>
				<img src="../../../image/shop/buy/buy-17.png"/><span v-html="list.shop_name"></span>
				<img src="../../../image/shop/buy/buy-23.png" />
  			</h2>
  			<section v-for="item in list.goods" @click="goGoodsDetail" :data-goodsid = 'item.goods_id' :data-group="list.group_buying">
  				<img :src="item.goods_image+'?x-oss-process=image/resize,m_lfit,w_960'"/>
	  			<h2 v-html="item.goods_name"></h2>
	  			<p v-html="'型号：'+item.option_name"></p>
	  			<p v-html="'数量：'+item.quantity"></p>
  			</section>
  			<ul>
  				<li>
  					折扣优惠<div v-html="'-¥'+list.coupon_amount"></div>
  				</li>
  				<li>
  					实付款<div><span v-html="'¥'+list.order_amount"></span></div>
  				</li>
  			</ul>
  		</div>
  		<ul class="group-detail-list">
  			<li v-if="list.order_sn != ''">
  				<i style="font-style: normal;" v-html="'订单编号：'+list.order_sn+''"></i>
  				<span @click="copyOrderCode" :data-txt="list.order_sn">复制</span>
  			</li>
  			<li>
  				交易编号：<i v-html="list.out_order_sn || 0"></i>
  			</li>
  			<li>
  				申请时间：<i v-html="list.refund && list.refund.date_add ? list.refund.date_add : 0"></i>
  			</li>
  		</ul>
  		<div class="refund-flow" ref="expressInfo">
  			<div class="refund-flow-bg" @click="closeFillExperss"></div>
  			<div class="refund-flow-main">
  				<h2>填写寄件信息</h2>
  				<div>
  					<span>快递公司</span>
  					<input type="text" name="" ref="expressCompany" :value="express_company || ''" placeholder="请填写快递公司" />
  				</div>
  				<div>
  					<span>快递单号</span>
  					<input type="text" name="" ref="expressNumber" :value="express_number || ''" placeholder="请填写快递单号" />
  				</div>
  				<a href="javascript:void(0);" @click="submitExpressInfo">提交</a>
  			</div>
  		</div>
  		<div class="group-detail-btn" v-if="list.order_state == 11">
  			<!-- <a href="javascript:void(0);" @click="contactSell">联系卖家</a> -->
  		</div>
  		<div class="group-detail-btn" v-else="">
  			<!-- <a href="javascript:void(0);" @click="contactSell">联系卖家</a> -->
  			<a href="javascript:void(0);" @click="RepealRefundApply">撤销申请</a>
  			<a href="javascript:void(0);" class="a-style1" @click="modRefundApply">修改申请</a>
  		</div>
  	</div>
</body>
<script src="../../sea.js" data-main="../../main"></script>
<script type="text/javascript" src="../../vue.js"></script>
<script type="text/javascript" src="./js/refundDetail.js"></script>
</html>
